<!DOCTYPE html>
<html lang="zh-CN">
<head>
    <meta charset="UTF-8">
    <title>取款</title>
    <link rel="stylesheet" href="/static/style.css">
    <style>
        .container { max-width: 400px; margin: 80px auto; background: #fff; border-radius: 12px; box-shadow: 0 4px 24px rgba(45,140,240,0.10); padding: 30px 40px; }
        h2 { color: #2d8cf0; margin-bottom: 20px; }
        label { display: block; margin-bottom: 8px; }
        select, input { width: 100%; padding: 8px; margin-bottom: 18px; border-radius: 5px; border: 1px solid #d0d0d0; }
        button { background: #2d8cf0; color: #fff; border: none; padding: 10px 0; width: 100%; border-radius: 5px; cursor: pointer; font-size: 17px; font-weight: bold; }
        button:hover { background: #1a6fb3; }
        .msg { color: red; margin-bottom: 10px; }
    </style>
</head>
<body>
    <div class="container">
        <h2>取款</h2>
        {% if msg %}<div class="msg">{{ msg }}</div>{% endif %}
        <form method="post">
            <label>选择银行卡：</label>
            <select name="card_id" required>
                {% for card in cards %}
                <option value="{{ card.cardID }}">{{ card.cardID }}</option>
                {% endfor %}
            </select>
            <label>取款金额：</label>
            <input type="number" name="amount" step="0.01" min="0.01" required>
            <button type="submit">确认取款</button>
        </form>
    </div>
</body>
</html> 